//发起审批
<template>
  <div>
    <el-container>
      <el-aside width="20%">
        <el-menu :default-active="$route.path">
          <!-- class="el-menu-vertical-demo" -->
          <li
            v-for="(v, i) in routerList"
            :key="i"
            :class="[$route.path === v.path ? 'col' : '']"
          >
            <router-link :to="v.path">
              <el-menu-item>
                <i :class="v.icon"></i>
                <span>{{ v.title }}</span>
              </el-menu-item>
            </router-link>
          </li>
        </el-menu>
      </el-aside>
      <!-- 主体 -->
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import routerList from "../../../utils/batchRouter";
export default {
  name: "CcBatch",
  components: {},
  data() {
    return {
      routerList: routerList.CCApprovalRoute(),
    };
  },
  computed: {},
  methods: {},
  created() {},
};
</script>
<style scoped lang='less'>
.el-aside {
  ul {
    background-color: #409eff !important;
    li {
      color: white;
    }
  }
  a {
    text-decoration: none;
  }
  li:hover {
    background-color: #2c72e7;
  }
}
//点击后样式
.el-menu-item:focus {
  background-color: #2c72e7;
}
.col {
  background-color: #2c72e7;
}

.el-main {
  padding: 20px;
  box-sizing: border-box;
}
</style>